<template>
  <div>
    <el-form :inline="true" :model="formInline">
      <el-form-item label="搜索关键字">
        <el-input v-model="formInline.user" placeholder="关键字"></el-input>
      </el-form-item>
      <el-form-item label="搜索范围">
        <el-select v-model="formInline.region" placeholder="搜索范围">
          <el-option label="招标搜索" value="zbss"></el-option>
          <el-option label="中标企业搜索" value="zbqyss"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-switch v-model="select" active-text="筛选" inactive-text=""> </el-switch>
      </el-form-item>
    </el-form>
    <div v-show="select">
      <el-form :inline="true" :model="hy">
        <el-form-item label="行业：">
          <el-button size="mini">全部</el-button>
        </el-form-item>
        <el-form-item v-for="item in hy.hyfl" :key="item">
          <el-button size="mini" type="success">{{ item }}</el-button>
        </el-form-item>
      </el-form>
      <el-form :inline="true" :model="jgqj">
        <el-form-item label="价格区间：">
          <el-input size="mini" placeholder="万元" v-model="jgqj.min"> </el-input>
        </el-form-item>
        <el-form-item>
          <el-input size="mini" placeholder="万元" v-model="jgqj.max"> </el-input>
        </el-form-item>
        <el-form-item>
          <el-button size="mini" type="primary">确定</el-button>
        </el-form-item>
      </el-form>
      <el-form :inline="true" :model="fbsj">
        <el-form-item label="发布时间：">
          <el-button size="mini">全部</el-button>
          <el-button size="mini" type="text">最近七天</el-button>
          <el-button size="mini" type="text">最近30天</el-button>
          <el-button size="mini" type="text">去年</el-button>
        </el-form-item>
        <el-form-item>
          <el-date-picker
            size="mini"
            v-model="fbsj.start"
            type="date"
            placeholder="选择开始日期"
          >
          </el-date-picker>
          <el-date-picker
            size="mini"
            v-model="fbsj.end"
            type="date"
            placeholder="选择结束日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button size="mini" type="primary">确定</el-button>
        </el-form-item>
      </el-form>
      <el-form :inline="true" :model="xmdq">
        <el-form-item label="项目地区：">
          <el-button size="mini">全国</el-button>
        </el-form-item>
        <el-form-item label="A">
          <el-button size="mini" type="text">安徽</el-button>
          <el-button size="mini" type="text">澳门</el-button>
        </el-form-item>
        <el-form-item label="B">
          <el-button size="mini" type="text">北京</el-button>
        </el-form-item>
        <el-form-item label="C">
          <el-button size="mini" type="text">重庆</el-button>
        </el-form-item>
        <el-form-item label="F">
          <el-button size="mini" type="text">福建</el-button>
        </el-form-item>
        <el-form-item label="G">
          <el-button size="mini" type="text">广东</el-button>
          <el-button size="mini" type="text">广西</el-button>
          <el-button size="mini" type="text">贵州</el-button>
          <el-button size="mini" type="text">甘肃</el-button>
        </el-form-item>
        <el-form-item label="H">
          <el-button size="mini" type="text">河北</el-button>
          <el-button size="mini" type="text">湖北</el-button>
          <el-button size="mini" type="text">黑龙江</el-button>
          <el-button size="mini" type="text">海南</el-button>
          <el-button size="mini" type="text">河南</el-button>
          <el-button size="mini" type="text">湖南 </el-button>
        </el-form-item>
        <el-form-item label="J">
          <el-button size="mini" type="text">吉林</el-button>
          <el-button size="mini" type="text">江苏</el-button>
          <el-button size="mini" type="text">江西</el-button>
        </el-form-item>
        <el-form-item label="L">
          <el-button size="mini" type="text">辽宁</el-button>
        </el-form-item>
        <el-form-item label="N">
          <el-button size="mini" type="text">内蒙古</el-button>
          <el-button size="mini" type="text">宁夏</el-button>
        </el-form-item>
        <el-form-item label="Q">
          <el-button size="mini" type="text">青海</el-button>
        </el-form-item>
        <el-form-item label="S">
          <el-button size="mini" type="text">山西</el-button>
          <el-button size="mini" type="text">陕西</el-button>
          <el-button size="mini" type="text">上海</el-button>
          <el-button size="mini" type="text">山东</el-button>
          <el-button size="mini" type="text">四川</el-button>
        </el-form-item>
        <el-form-item label="T">
          <el-button size="mini" type="text">天津</el-button>
          <el-button size="mini" type="text">台湾</el-button>
        </el-form-item>
        <el-form-item label="X">
          <el-button size="mini" type="text">西藏</el-button>
          <el-button size="mini" type="text">新疆</el-button>
          <el-button size="mini" type="text">香港</el-button>
        </el-form-item>
        <el-form-item label="Y">
          <el-button size="mini" type="text">云南</el-button>
        </el-form-item>
        <el-form-item label="Z">
          <el-button size="mini" type="text">浙江</el-button>
        </el-form-item>
      </el-form>
      <el-form :inline="true" :model="xxlx">
        <el-form-item label="信息类型：">
          <el-button size="mini">全部</el-button>
        </el-form-item>
        <el-form-item>
          <el-button size="mini" type="text" icon="el-icon-question">拟建项目</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script>
export default {
  name: "zbss", //招标搜索页面
  data() {
    return {
      formInline: {
        serach: "",
        region: "",
      },
      select: false,
      jgqj: {
        min: 0,
        max: 0,
      },
      hy: {
        hyfl: [
          "建筑工程",
          "行政办公",
          "医疗卫生",
          "服务采购",
          "机械设备",
          "水利水电",
          "能源化工",
          "弱电安防",
          "信息技术",
          "交通工程",
          "市政设施",
          "农林牧渔",
        ],
      },
      fbsj: {
        start: "",
        end: "++",
      },
      xmdq: {},
      xxlx: {},
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
  },
};
</script>
<style scoped>
.industry {
  width: 100%;
}
.industry el-button {
  display: inline;
}
.industry p {
  display: inline;
}
</style>
